.refundbox{
	background: rgb(245, 245, 245);
}
#refunddetail{
	width: 100%;	
}
/*头部搜索框*/

#refunddetail .searchBox {
	background: rgb(255, 255, 255);
	width: 100%;
	height: 123px;
	box-shadow: 3px 4px 14px 2px #E7E7E7;
}

#refunddetail .search {
	width: 1200px;
	margin: 0 auto;
	height: 123px;
	font-size: 14px;
}

#refunddetail .search .search-left {
	float: left;
	margin-right: 220px;
	padding-left: 32px;
	height: 123px;
	line-height: 123px;
}

#refunddetail .search .search-left .husheng{
	font-size: 36px;
	color: #ff0200;
	font-weight: 600;
}

#refunddetail .search .search-left .vertical{
	font-size: 34px;
	color: #c4c4c4;
}

#refunddetail	.search .search-left .evaluate
{font-size: 30px;
	color: #243799;
	font-weight: 600;
}

#refunddetail .search .search-right {
	width: 700px;
	float: right;
}

#refunddetail .search .search-right .one {
	position: relative;
	border: 1px solid #D5D5D5;
	width: 530px;
	margin-top: 32px;
}

#refunddetail .search .search-right .one input[type="text"] {
	width: 530px;
	height: 40px;
	padding: 0px 10px;
	line-height: 40px;
	color: rgb(103, 103, 103);
	border: 2px solid red;
	outline: none;
}

#refunddetail .search .search-right .one a {
	height: 41px;
	top: -1px;
	display: inline-block;
	width: 80px;
	text-align: center;
	background: rgb(253, 0, 2);
	right: 0px;
	line-height: 41px;
	padding: 0px;
	position: absolute;
}

#refunddetail .search .search-right .one a i {
	color: #fff;
	font-size: 18px;
}

#refunddetail .search .search-right .two {
	margin-top: 14px;
	clear: both;
}

#refunddetail .search .search-right .two a {
	margin-right: 38px;
	color: rgb(103, 103, 103);
	font-size: 14px;
}
/*退款详情内容*/
#refunddetail .refundcontent{
	width: 973px;
	margin:0 auto;
	background: #FFFFFF;
	margin-top: 35px;
	/*height: 1200px;
	background: violet;*/
}
#refunddetail .refundcontent .middle{
	overflow: hidden;
	margin-left: 28px;
	margin-right: 20px;
	/*height: 1200px;
	background: paleturquoise;*/
}
/*退款详情*/
#refunddetail .refundcontent .middle .top{
	font-size: 24px;
	font-weight: 600;
	padding-left: 12px;
	height: 72px;
    line-height: 72px;
   
	padding-left: 12px;
	/*background: palegreen;*/
}

/*退款金额*/
.refundjine {
	padding-left: 12px;
}
.refundjine img{
	width: 20px;
	height: 20px;
}
.refundjine span{
	font-size: 18px;
	color: #f83f28;
}
.refundreason{
	font-size: 12px;
	padding-left: 12px;
	height: 44px;
	line-height: 44px;
}
/*订单信息*/
#refunddetail .refundcontent .middle .orderinfor{
height: 40px;
	line-height: 40px;
	background: #f7f7f7;
	font-size: 14px;
	font-weight: 600;
	padding-left: 12px;
	
}
.left{
	float: left;
}
#refunddetail .refundcontent .middle .infor1{
	padding-left: 12px;
	height: 24px;
	margin-top: 18px;
}
#refunddetail .refundcontent .middle .infor1 img{
	height: 20px;
	width: 20px;
	font-size: 12px;
}
#refunddetail .refundcontent .middle .infor1 .num{
	width: 186px;
		
}
#refunddetail .refundcontent .middle .infor1 .time{
	width: 208px;
   margin-left: 90px;
}
#refunddetail .refundcontent .middle .infor1 .total{
	width:130px;
	margin-left: 33px;
}
#refunddetail .refundcontent .middle .infor1 .dikou{
	width: 120px;
	margin-left: 116px;
}
#refunddetail .refundcontent .middle .money{
	font-size: 12px;
	color: #f83f28;
}
#refunddetail .refundcontent .middle .pv{
	color: #4278b4;
}
#refunddetail .refundcontent .middle .green{
	color: #09c40a;
}
/*退款信息*/
#refunddetail .refundcontent .middle .refundinfor{
	height: 40px;
	line-height: 40px;
	background: #f7f7f7;
	font-size: 14px;
	font-weight: 600;
	padding-left: 12px;
}
#refunddetail .refundcontent .middle .refundinfordetail{
	height: 54px;
	padding-left: 12px;
	font-size: 14px;
}
#refunddetail .refundcontent .middle .refundinfordetail img{
	height: 20px;
	width: 20px;
}
#refunddetail .refundcontent .middle .refundinfordetail .one{
	
	line-height: 54px;
	float: left;
}
#refunddetail .refundcontent .middle .refundinfordetail .two{
	margin-left: 103px;
	line-height: 54px;
	float: left;
}
#refunddetail .refundcontent .middle .refundinfordetail .three{
	margin-left: 70px;
	line-height: 54px;
	color: #FA3D28;
	float: left;
}
#refunddetail .refundcontent .middle .refundinfordetail .four{
	
	line-height: 54px;
	margin-left: 75px;
	float: left;
}
#refunddetail .refundcontent .middle .refundstatus{
	height: 40px;
	line-height: 40px;
	background: #f7f7f7;
	font-size: 14px;
	font-weight: 600;
	padding-left: 12px;
}
/*退款状态*/
#refunddetail .refundcontent .middle .status{
	height: 200px;
	
}

#refunddetail .refundcontent .middle .status .help{
	height: 60px;
	line-height: 60px;
	width: 100%
}
#refunddetail .refundcontent .middle .status .help .help1{
	float:right;
	height: 60px;
	line-height: 60px;
	
	
}
/*进度条*/
#refunddetail .refundcontent .middle .rate{
	 height: 65px;
/*	background: salmon;*/
	text-align: center;
	line-height: 50px;
}

/***********进度条*************/
.stepPage{
  display:none;
  height:100%;
}
.stepCont{
  width:100%;
}
.ystep-container {
  font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Wenquanyi Micro Hei","Microsoft Yahei",Arial,sans-serif;
  display: inline-block;
  position: relative;
  color: #000;

}
.ystep-container ul {
  list-style: none;
}
.ystep-container ul,.ystep-container li,.ystep-container p {
  margin: 0;
  padding: 0;
}

/*size css*/
.ystep-lg {
  /*width: 700px;*/
  width:100%;
  height: 60px;
  font-size: 18px;
  /*left: 15%;*/
  line-height: 6.3;
}

/*large size css*/
.ystep-lg .ystep-container-steps {
  position: absolute;
  top: 2px;
  cursor: pointer;
  z-index: 10;
  font-size: 12px;
   height: 65px;
}

.ystep-lg li {
  float: left;
  width: 100px;
  height: 85px;
  margin-right: 100px;
  text-align: center;
}
.ystep-lg .ystep-step-done {
  background-position: -278px -150px;
}
.ystep-lg .ystep-step-undone {
  background-position: -137px -149px;
}
.ystep-lg .ystep-step-active {
  background-position: -414px -149px;
}
.ystep-lg .ystep-progress {
  width: 400px;
  height: 10px;
  position: absolute;
  top: 12px;
  left: 15px;
  float: left;
  margin-right: 10px;
  overflow: hidden;
}
.ystep-lg .ystep-progress-bar {
  width: 400px;
  height: 20px;
  background: #e4e4e4;
  display: inline-block;
  float: left;
}
.ystep-lg .ystep-progress-highlight {
  height: 20px;
	display: block;
}

/*blue css*/
.ystep-blue .ystep-step-done {
  background-image: url("../img/pointes_blue.png");
  background-repeat: no-repeat;
}
.ystep-blue .ystep-step-undone {
  background-image: url("../img/pointes_blue.png");
  background-repeat: no-repeat;
  color: #9c9a9b;
   height: 65px;
}
.ystep-blue .ystep-step-active {
  background-image: url("../img/pointes_blue.png");
  background-repeat: no-repeat;
  color: #3276b1;
  width: 107px;
    margin-right: 185px;
    height: 65px;
}
.ystep-blue .ystep-progress-highlight {
  background: #60baff;
  position: absolute;
}
/*按钮样式*/
.ystep {
  padding: 20px;
  /*min-width: 1114px;*/
}
.step-button{
  position: relative;
  /*top: -85px;*/
}
.step-button button{
  margin: 15px;
}

/*进度状态*/
#refunddetail .refundcontent .middle .progressstate{
	margin-top: 5px;
	width: 100%;
	padding-left: 12px;
	font-size: 12px;
	
}
#refunddetail .refundcontent .middle .progressstate .progressstateone{
	width: 149px;
	margin-left: 104px;
}
#refunddetail .refundcontent .middle .progressstate .progressstatetwo{
	margin-left: 75px;
	
}
#refunddetail .refundcontent .middle .progressstate .progressstatethree{
	margin-left: 70px;
}
/*进度时间*/
#refunddetail .refundcontent .middle .progresstime{
	margin-top: 8px;
	padding-left: 12px;
}
#refunddetail .refundcontent .middle .progresstime .progresstimetwo{
	margin-left: 395px;
}
#refunddetail .refundcontent .middle .progresstime .progresstimethree{
	margin-left: 167px;
}
#foot{
	margin-top: 30px;
}
